<template>
    <div class='no-result'>
        <div class="no-result-icon"></div>
        <p class="no-result-text">{{title}}</p>
    </div>
</template>

<script>
export default {
    props: {
        title: {
            type: String,
            default: ''
        }
    },
    components: {},
    data() {
        return {

        };
    },
    computed: {},
}
</script>
<style lang='scss' scoped>
@import "../../common/scss/variable.scss";
@import "../../common/scss/mixin.scss";

.no-result {
    text-align: center;
    .no-result-icon {
        width: 86px;
        height: 90px;
        margin: 0 auto;
        // bg-image('no-result')
        background-image: url("./no-result@2x.png");
        background-size: 86px 90px;
    }
    .no-result-text {
        margin-top: 30px;
        font-size: $font-size-medium;
        color: $color-text-d;
    }
}

</style>